<template>
    <div class="parent">
        <grid :head="gridHead" :grid="gridData" @firstColClick="itemClick"/>
    </div>
</template>
<script>
import grid from '../../components/scrollGrid'
import store from '../../store/capitalListCont.js'
export default {
    name: 'listCont',
    props: ['gridHead', 'gridData'],
    components: {
        grid
    }
}
</script>
<style scoped>
.parent{
    position: absolute;
    top: 93.7px;
    bottom: 101px;
}
.header{
    width:750px;
    height:74px;
    background-color:rgba(35,196,160,1); 
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.listItem{
    width: 248.6px;
    height: 74px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-right-color: #fff;
    border-right-width: 2px;
    border-right-style: solid;
}
.text{
    font-size:24px;
    font-family:PingFangSC-Semibold;
    color:rgba(255,255,255,1);
}
.list{
    width: 750px;
    height: 74px;
    border-bottom-color: #fff;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(237,254,240,1);
}
.list:nth-child(even) {
    background-color: rgba(237,254,240,1);
}
.list:nth-child(odd) {
    background-color:rgba(229,241,250,1);
}
.contItem{
    width: 248.6px;
    height: 74px;
    border-right-color: #fff;
    border-right-width: 2px;
    border-right-style: solid;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.contText{
    font-size:24px;
    font-family:PingFang-SC-Medium;
    color:rgba(102,102,102,1);
}
</style>
